<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
	"http://www.w3.org/TR/html4/strict.dtd">
<html> 
	<head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">
		<title>Page Title</title>
		<link rel="stylesheet" media="all" href="{$urlStatic}/css/pdf.css" />
        <link rel="icon" href="{$urlStatic}/image/Strona/favicon.ico" type="image/x-icon" />
		
		<style type="text/css" media="all">

{literal}

root { 
    display: block;
}
.body {
	font-family: Arial, Verdana, Tahoma;
}

.clear,  .clearBoth {
	clear: both;
}
.productView {
	
}
.logo-types {
	width: 1000px;
	height: 78px;
}
.producent-logo {
	width: 190px;
	height: 78px;
	float: left;
}

.productView .logo-types .producent-logo img {
/* inline */
}

.product-logo {
	width: 313px;
	height: 78px;
	float: right;
	background: black;
}

h2 {
color: #07619E;
font-size: 12px;
margin: 0px;
}

.wrapper {
	width: 1000px;
}
/* compare products */
.productCompareItem {
    border: 0px solid #eeeeee;
    width: 150px;
    float: left;
    margin-left: 10px;
    display: block;
}
.productCompareItem .item {
        text-align: center;
        border: 1px solid #eeeeee;
        border-bottom: none;
        height: 30px;
        line-height: 30px;
    }
.productCompareItem .thumb { width: 150px; height: 130px; overflow: hidden; text-align: center; position: relative; }
.productCompareItem .thumb img { max-width: 150px; max-height: 120px;}
 
.productCompareItem .title {height: 40px; }
.productCompareItem h2 a{ font-size: 12px !important; height: 25px; padding: 10px 10px 0px 10px; line-height: 12px !important; overflow: hidden; }

.productCompareItem .thumb a.scTopR { position: absolute; top: 0px; left: 0px; }
.productCompareItem .thumb a.scTopP { position: absolute; top: 20px; left: 0px; }
.productCompareItem .thumb a.scVip { position: absolute; top: 0px; right: 0px; }


.productCompareItem .removeButton {
    border-top: 1px solid #eeeeee;
    padding-top: 3px;
    
}
.productCompareItem .removeButton a {
    background: url('../image/Strona/iconClose.gif') no-repeat left center;
    font-size: 10px; color: #888888;
    padding-left: 12px;
}
    
.productCompareItem .itemRuler {height: 30px; font-size: 10px; color: #aaaaaa; line-height: 14px;}
.productCompareItem .ruler {
    height: 10px;
    width: 80px;
    background: url('../image/Strona/backgroundRuler.gif') repeat-x;
    position: relative;
    margin: auto;
    margin-top: 3px;
    overflow: hidden;
    }
.productCompareItem .ruler img { position: absolute; top: 0px; left: 0px; height: 5px; max-width: 80px; min-width: 1px;
    }   
    
    
.productCompareItem .popularity { color: #07619e; font-weight: bold; font-size: 16px; background: url('../image/Strona/backgroundInput.gif') repeat-x bottom left;}
.productCompareItem .rate { color: #7eac02; font-weight: bold; font-size: 16px; background: url('../image/Strona/backgroundInput.gif') repeat-x bottom left;}

.productCompareItem .itemPrice { height: 30px; font-size: 10px; color: #aaaaaa;  line-height: 14px;}
.productCompareItem .itemPrice span { display: block; font-size: 12px; color: #000000; }



.productCompareLabels {
    float: left;
    width: 170px;
    font-size: 11px;
    }

.productCompareLabels .item { height: 30px; text-align: right; padding-right: 10px; background-color: #fafafa; border-top: 1px solid #ffffff; line-height: 30px; color: #666666;}
.productCompareLabels .thumb { height: 130px; }
.productCompareLabels .title { height: 40px; }
.productCompareItem .brand, .productCompareLabels .brand {
    height: 40px;
    }
.productCompareItem .brand img {
    max-height: 40px; max-width: 120px;
    }

.scrollPane {
    overflow: auto;
    float: left;
    width: 800px;
    /* parametry ustawia jQuery*/
    }
.scrollPane .carier {
    /* parametry ustawia jQuery*/
    }
    
    
    
.productCompareHeader {
    margin-bottom: 20px;
    background: url('../image/Strona/backgroundInput.gif') repeat-x bottom left; 
    }
.productCompareHeader h1 {
    color: #f96b01;
    font-size: 16px;
    padding:5px;
    }
.productCompareHeader .links {
    float: right;
    
    padding: 5px;
    }
.productCompareHeader .links a {
    margin: 0px 20px 0px 20px;
    }
	
.compareRow div {
		float: left;
		display: block
	}
a {
    color: #07619E;
    text-decoration: none;
}
	{/literal}

		</style>

	</head>
	<body>
		<div class="wrapper" style="padding-top: 40px">
			{* generowanie naglowkow*}
			<div class="productCompareLabels">
			{foreach from=$tableData item=row name=rows key=k99}
				{foreach from=$row item=item name=l}
				{if $smarty.foreach.l.first}
				{assign var=productObj value=$productsArray[$smarty.foreach.l.index]}
					<div class="{if !$smarty.foreach.rows.first}item{/if} {if isset($specialClasses[$smarty.foreach.rows.index])}{$specialClasses[$smarty.foreach.rows.index]}{else}{/if}">
						{if $smarty.foreach.rows.index eq 0}<div style="height: 130px">{$item}</div>{else}{$item}{/if}
					</div>
				{/if}
				{/foreach}
			{/foreach}
			</div>
			{* generowanie reszty *}
			<div class="scrollPane">
				<div class="carier">
				{foreach from=$tableData item=row name=rows key=k99}
				<div class="singleRow">
				{foreach from=$row item=item name=l}
				{if !$smarty.foreach.l.first}
				{assign var=productObj value=$productsArray[$smarty.foreach.l.index]}
				<div class="productCompareItem">
					<div class="{if !$smarty.foreach.rows.first}item{/if} {if isset($specialClasses[$smarty.foreach.rows.index])}{$specialClasses[$smarty.foreach.rows.index]}{else}{/if}">
							{if $smarty.foreach.rows.index eq 0}
								<a href="{url label=productView productKey=$productObj->getSlug() subCategoryKey=$subCategory->getSlug() categoryKey=$category->getSlug()}" title="{$productObj->getName()}"><img style="height:120px;" src="{$urlStatic}/{image src=$productObj->getMainImage() h=120}" height="120" alt="{$productObj->getName()}" title="{$productObj->getName()}" /></a>
							{elseif $smarty.foreach.rows.index eq 1}
								<h2 style="font-size: 12px;    height: 25px;    line-height: 12px;    overflow: hidden;    padding: 10px 10px 0;"><a style="font-weight:normal;" href="{url label=productView productKey=$productObj->getSlug() subCategoryKey=$subCategory->getSlug() categoryKey=$category->getSlug()}" title="{$productObj->getName()}">{$item}</a></h2>
							{elseif $smarty.foreach.rows.index eq 2}
								{assign var=manufacturer value=$productObj->getManufacturer()}
								<a href="{url label=mainCategoryView categoryKey=$category->getSlug() subCategoryKey=$manufacturer->getSlug()}" title="{$manufacturer->getName()}"><img style="height:40px;" src="{$urlStatic}/{image src=$manufacturer->getImage() h=40}" height="40" alt="{$manufacturer->getName()}"/></a>
							{elseif $smarty.foreach.rows.last}
								{'starting from'|t}
								<span class="price">{$item}</span>								
							{else}
								{$item}
							{/if}
					</div>
				</div>
				{/if}
				{/foreach}
					<div class="clearBoth"></div>
				</div>
			{/foreach}
					
					
					<div class="clearBoth"></div>
				</div>
			</div>
			<div class="clearBoth"></div>
		</div>
		{*
		<div class="wrapper" style="padding-top: 40px">

			<div class="productCompareLabels">
			<div class="thumb"></div>
			<div class="item title">{'product name'|t}</div>
			<div class="item brand">{'brand name'|t}</div>
			<div class="item popularity">{'popularity'|t}</div>
			<div class="item rate">{'rate'|t}</div>
			{foreach from=$properties item=property}
			{assign var=propertyDescription value=$property->getPropertyDescription()}
			<div class="item itemRuler">{$propertyDescription->getDescription()}</div>
			{/foreach}
			<div class="item itemRuler">spin</div>
			<div class="item itemRuler">control</div>
			<div class="item itemRuler">speed</div>
			<div class="item itemRuler">maneuverability</div>
			<div class="item itemPrice">{'price'|t}</div>

		</div>
			
			<table class="compareProductsTable">
			{foreach from=$tableData item=row name=rows}
			<tr>
				{foreach from=$row item=item name=l}
				{assign var=productObj value=$products[$smarty.foreach.l.index]}
				<td class="{if $smarty.foreach.l.first}productCompareLabels{else}productCompareItem{/if}">
					<div class="{if !$smarty.foreach.rows.first}item{/if} {if isset($specialClasses[$smarty.foreach.rows.index])}{$specialClasses[$smarty.foreach.rows.index]}{else}{/if}">
						{if $smarty.foreach.l.first}
							{$item}

						{else}
							{if $smarty.foreach.rows.index eq 0}
								<a href="{url label=productView productKey=$productObj->getSlug() subCategoryKey=$subCategory->getSlug() categoryKey=$category->getSlug()}" title="{$productObj->getName()}"><img style="height:310px;" src="{$urlStatic}/{image src=$productObj->getMainImage() h=310}" height="310" alt="{$productObj->getName()}" title="{$productObj->getName()}" /></a>
							{elseif $smarty.foreach.rows.index eq 1}
								<h2><a href="{url label=productView productKey=$productObj->getSlug() subCategoryKey=$subCategory->getSlug() categoryKey=$category->getSlug()}" title="{$productObj->getName()}">{$item}</a></h2>
							{elseif $smarty.foreach.rows.index eq 2}
								{assign var=manufacturer value=$productObj->getManufacturer()}
								<a href="{url label=mainCategoryView categoryKey=$category->getSlug() subCategoryKey=$manufacturer->getSlug()}" title="{$manufacturer->getName()}"><img style="height:40px;" src="{$urlStatic}/{image src=$manufacturer->getImage() h=40}" height="40" alt="{$manufacturer->getName()}"/></a>
							{elseif $smarty.foreach.rows.last}
								{'starting from'|t}
								<span class="price">{$item}</span>								
							{else}
								{$item}
							{/if}
						{/if}

					</div>
				</td>
				{/foreach}
			</tr>
			{/foreach}
			
		</table>
			
		<div class="scrollPane">
		<div class="carier">
		{foreach from=$products item=product}
		{assign var=productDesc value=$product->getDescription()}
		<div class="productCompareItem">
			<div class="thumb">
				<a href="{url label=productView productKey=$product->getSlug() subCategoryKey=$subCategory->getSlug() categoryKey=$category->getSlug()}" title="{$productDesc->getName()}"><img style="height:310px;" src="{$pathStatic}/{image src=$product->getMainImage() h=310}" height="310" alt="{$productDesc->getName()}" title="{$productDesc->getName()}" style="height:310px;" /></a>
				<a class="scTopR" title="{'Top Rated'|t}"></a>
				<a class="scTopP" title="{'Top Popular'|t}"></a>
				<a class="scVip"  title="{'VIP'|t}"></a>
			</div>
			<div class="item title"><h2>{$productDesc->getName()}</h2></div>
			{assign var=manufacturer value=$product->getManufacturer()}
			<div class="item brand"><img style="height:40px;" src="{$pathStatic}/{image src=$manufacturer->getImage() h=40}" height="40" alt="{$manufacturer->getName()}"/></div>
			<div class="item popularity">{$product->getPopularity()}%</div>
			<div class="item rate">{$product->getRate()}</div>
			{foreach from=$product->getProperties() item=property}
			{assign var=propertyDescription value=$property->propertyDescription}
				<div class="item">{$property->getPrepend()} {$property->getValue()} {$property->getAppend()}</div>
			{/foreach}
			
			<div class="item itemPrice">{'starting from'|t} <span class="price">€80</span></div>
			
		</div>
{/foreach}
		

		<div class="clearBoth"></div>


				</div></div>


			<div class="clearBoth"></div>
		</div>
		*}
	</body>
</html>